/deep/ .u-drawer-bottom{
	background-color: transparent !important;
}
.pay-bar-main{
	width: 100%;
	height: 648rpx;
	background: #FFFFFF;
	border-radius: 32rpx 32rpx 0rpx 0rpx;
	padding: 48rpx 32rpx 0rpx 32rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-direction: column;
	.top-wrapper{
		width: 100%;
		position: relative;
		height: 44rpx;
		.pay-title{
			height: 44rpx;
			line-height: 44rpx;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: bold;
			color: #333333;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
		.cancel-btn{
			position: absolute;
			right: 0;
			height: 44rpx;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: 400;
			color: #999999;
			line-height: 44rpx;
		}
	}
	.price-wrapper{
		color: #333333;
		font-family: $global-font-family;
		font-weight: 800;
		height: 98rpx;
		line-height: 98rpx;
		text-align: center;
		.unit{
			font-size: 40rpx;
		}
		.price{
			font-size: 70rpx;
		}
	}
	.countdown-wrapper{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 34rpx;
		font-size: 24rpx;
		font-family: $global-font-family;
		.label{
			color: #999999;
		}
	}
	.pay-pattern-wrapper{
		width: 100%;
		height: 112rpx;
		background: #F2F2F2;
		border-radius: 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin-top: 48rpx;
		.pay-pattern-title{
			height: 44rpx;
			font-size: 32rpx;
			font-family: $global-font-family;
			font-weight: bold;
			color: #333333;
			line-height: 44rpx;
		}
		.pay-pattern-select-status{
			width: 36rpx;
			height: 36rpx;
			border: 2rpx #188CF1 solid;
			border-radius: 50%;
			position: relative;
			box-sizing: border-box;
			&::after{
				content: "";
				width: 18rpx;
				height: 18rpx;
				border-radius: 50%;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				background-color: #188CF1;
			}
		}
	}
	.btn{
		margin-top: 32rpx;
		width: 100%;
		height: 100rpx;
		background: #188CF1;
		border-radius:24rpx;
		padding-left: 0rpx;
		padding-right: 0rpx;
		margin-left: 0rpx;
		margin-right: 0rpx;
		font-size: 32rpx;
		font-family: $global-font-family;
		font-weight: 400;
		color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
		&::after{
			border: none;
			outline: none;
		}
	}
	.lack-balance-icon{
		width: 144rpx;
		height: 144rpx;
		background: linear-gradient(145deg, #FA7474 0%, #F24949 100%);
		font-size: 100rpx;
		color: #ffffff;
		text-align: center;
		line-height: 144rpx;
		border-radius: 50%;
	}
	.title{
		height: 72rpx;
		font-size: 50rpx;
		font-family: $global-font-family;
		font-weight: 800;
		color: #333333;
		line-height: 72rpx;
		margin-top: 32rpx;
	}
	.tips{
		height: 34rpx;
		font-size: 24rpx;
		font-family: $global-font-family;
		font-weight: 400;
		color: #999999;
		line-height: 34rpx;
		margin-top: 12rpx;
	}
}